<template>
    <div>
        <div class="like">
            <p>猜你喜欢</p>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/dealwatera/1ea3a22d9079abc4314b65f1a8ba407d7926.jpg" alt="">
                <div class="price">
                    <div>蜜雪冰城</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]招牌柠檬水</div>
                    <div class="red">
                        <span style="color: red;">3.5<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥4</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/scpdeal/8c6c9cc6eacfdba00bc05c30a07d35b1135145.jpg" alt="">
                <div class="price">
                    <div>甜啦啦</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]酸奶冰淇淋</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/scpdeal/64efa0d371aecc4ed0121f967dbed04836956.jpg" alt="">
                <div class="price">
                    <div>味多美蛋糕</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]酸奶冰淇淋</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/deal/07e2777db61cbdef51510db38ef26dbe27030.jpg" alt="">
                <div class="price">
                    <div>华莱士·全鸡汉堡</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]牛气冲天三件套</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p1.meituan.net/dealwatera/bf8e09430d73c8c3706ea137e3ababf3178028.jpg" alt="">
                <div class="price">
                    <div>市井婆豆沙牛乳</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]✨人气爆款✨ 4 选 1</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/deal/8f94b2462c1fc079e6d3452c30467ba524386.jpg" alt="">
                <div class="price">
                    <div>汉堡王</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]【单人餐】</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/deal/c6e24283983be9dd19f0b709929816f4446838.jpg" alt="">
                <div class="price">
                    <div>安姬酸奶•DIY水果捞</div>
                    <div style="font-size: 14px;color: #666666;">[多城市]安姬果果杯6种口味任选</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
            <div class="somthing">
                <img class="somthing-img"
                    src="http://p0.meituan.net/dealwatera/8d79499b015359a493516103669ac02c548408.jpg" alt="">
                <div class="price">
                    <div>蜜桃小贝</div>
                    <div style="font-size: 14px;color: #666666;">[万达]超值双人餐</div>
                    <div class="red">
                        <span style="color: red;">1.8<span style="font-size: 14px;">元 </span></span>
                    <span style="color: #666666;">  门市价:¥3</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
.like {
    height: 500px;
    width: 100%;
    margin-top: 10px;
    background-color: #fff;

    p {
        font-weight: 600;
    }

    .somthing {
        padding-top: 15px;
        border-top: 1px solid #DDD8CE;
        height: 100px;
        width: 100%;

        .somthing-img {
            width: 105px;
            float: left;
            padding-right: 10px;
        }
        .price{
            // margin-left: 10px;
            .red{
            margin-top: 10px;
        }
        }
        
    }
}
</style>    